<template>
	<StatusAndSearch :problems="problems" show-pagination="true" id-attr="identifierString" />
</template>


<script type="module">
import { ContestService, ProblemService } from '@/common/common.object'
import StatusAndSearch from '@/components/StatusListWithSearch.vue';

export default {
	inject: ['contest'],
	data() {
		return {
			problems: null,
		};
	},
	components: {
		StatusAndSearch,
	},
	created() {
		this.$changeTitle(`{{status}} - ${this.contest.name}`);

		ContestService.getProblems(this.contest.id).then(result => {
			this.problems = ProblemService.processes(result);
		});

		/*ContestService.getStatus(CONTEST_ID, PAGE_SIZE, PAGE_SIZE).then(result => {
			this.problems = ProblemService.processes(result)
		});*/
	},
}
</script>

<style scope>
</style>